.container {
  width: 100%;
  height: 100%;
  padding: 0 4px;
  overflow: hidden;
  .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    .nodeName {
      overflow: hidden;
      color: var(--font2);
      font-size: 12px;
      white-space: nowrap;
      text-align: right;
      text-overflow: ellipsis;
      cursor: pointer;
    }
    .stationList {
      padding-left: 4px;
      .logo {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 8px;
        height: 8px;
      }
    }
  }
  .popover {
    .stations {
      display: flex;
      flex-direction: column;
      align-items: center;
      .station {
        font-size: 12px;
        line-height: 22px;
        word-break: keep-all;
      }
    }
  }
}
// html[data-type-color='dark'] {
//   .popover {
//     :global {
//       // .ant-popover,
//       // .ant-popover-placement-bottom {
//       .ant-popover-content {
//         .ant-popover-arrow {
//           border-top-color: #222629;
//           border-left-color: #222629;
//         }
//         .ant-popover-inner {
//           background-color: #222629;
//         }
//       }
//       // }
//       // .ant-popover-content {
//       //   .ant-popover-inner {
//       //     background-color: #222629;
//       //   }
//       // }
//     }
//   }
// }
